
<html>
<head>
	<title>标题</title>
	<style type="text/css">table{border-collapse:collapse;}
table,th,td{border:1px solid #000;}</style>
	<script src="Downloads/jquery-3.2.0.min.js"></script>

</head>
 <body>
  <table>
   <thead>
	<tr>	
	<th>表头1</th>
	<th>表头2</th>
	<th>表头3</th>
	<th>表头4</th>
	<th>表头5</th>
	</tr>
	</thead>
<tbody>
	<tr>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	</tr>

	<tr>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	</tr>
	
	<tr>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	<td>表1</td>
	</tr>
</tbody>
  </table>
	<script>
$("tr:odd").css("background","#0F0");
$("tr:even").css("background","#0FF");
	</script>
 </body>
</html>


